 $(function(){

  // 设置图表1
  // 初始化echarts实例 dom
  var myChart = echarts.init(document.getElementById('chart1'));
        // 指定图表的配置项和数据
        var option = {
          title: {
              text: '2019注册人数'
          },
          tooltip: {},
          legend: {
              data:['人数']
          },
          xAxis: {
              data: ["1月","2月","3月","4月","5月","6月"]
          },
          yAxis: {},
          series: [{
              name: '人数',
              type: 'bar',
              data: [100, 200, 300, 100, 150, 200]
          }]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);


    //设置图表2 
    var myChart = echarts.init(document.getElementById('chart2'));
    option2 = {
      title : {
        text: '热销品牌排行',
        subtext: '2019年1~6月',
        x:'center'
      },
      tooltip : {
          trigger: 'item',
          formatter: "{a} <br/>{b} : {c} ({d}%)"
      },
      legend: {
        orient: 'vertical',
        left: 'left',
        data: ['耐克','阿迪达斯','回力','匡威','老北京布鞋']
      },
      series : [
        {
          name: '访问来源',
          type: 'pie',
          radius : '55%',
          center: ['50%', '60%'],
          data:[
              {value:335, name:'耐克'},
              {value:310, name:'阿迪达斯'},
              {value:234, name:'回力'},
              {value:135, name:'匡威'},
              {value:1548, name:'老北京布鞋'}
          ],
          itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
          }
        }
      ]
    };

  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option2);
})